<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>FX Backtest Pro | ماشین حساب فارکس</title>
    <style>
        /* همان استایل‌های قبلی + استایل‌های جدید */
        * { box-sizing: border-box; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
        body { background: #0a0e1a; margin: 0; padding: 20px; direction: rtl; }
        .container { max-width: 1400px; margin: 0 auto; background: linear-gradient(145deg, #121624 0%, #0f131e 100%); border-radius: 32px; padding: 24px 28px; box-shadow: 0 20px 40px rgba(0,0,0,0.4), 0 0 0 1px rgba(66,153,225,0.1); }
        .header { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-bottom: 8px; }
        h1 { font-size: 2rem; margin: 0; background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); -webkit-background-clip: text; background-clip: text; color: transparent; display: inline-block; }
        .sound-btn { background: #1a1f2e; border: 1px solid #2a2f3e; border-radius: 50%; width: 45px; height: 45px; font-size: 1.3rem; cursor: pointer; transition: 0.2s; display: flex; align-items: center; justify-content: center; color: #8b9bb5; }
        .sound-btn:hover { border-color: #4facfe; transform: scale(1.05); } .sound-btn.active { color: #4facfe; border-color: #4facfe; background: #1a2538; }
        .sub { border-right: 4px solid #4facfe; padding-right: 16px; margin-bottom: 28px; color: #8b9bb5; font-weight: 500; }
        .trade-card { background: #1a1f2e; border-radius: 28px; padding: 24px; margin-bottom: 28px; border: 1px solid #2a2f3e; box-shadow: 0 4px 12px rgba(0,0,0,0.2); }
        .row { display: flex; flex-wrap: wrap; gap: 18px; align-items: flex-end; margin-bottom: 20px; }
        .field { flex: 1; min-width: 140px; }
        .field label { display: block; font-size: 0.7rem; font-weight: bold; color: #4facfe; margin-bottom: 6px; letter-spacing: 0.5px; }
        .field input, .field select { width: 100%; padding: 12px 16px; border-radius: 40px; border: 1px solid #2a2f3e; background: #0f131e; color: #e0e6f0; font-size: 1rem; transition: 0.2s; }
        .field input:focus, .field select:focus { outline: none; border-color: #4facfe; box-shadow: 0 0 0 3px rgba(79,172,254,0.2); }
        .buttons { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 10px; }
        button { border: none; padding: 12px 24px; border-radius: 40px; font-weight: bold; cursor: pointer; transition: 0.2s; font-size: 0.9rem; }
        .btn-win { background: linear-gradient(135deg, #1e7e34 0%, #155d24 100%); color: white; box-shadow: 0 2px 8px rgba(30,126,52,0.3); }
        .btn-loss { background: linear-gradient(135deg, #b91c1c 0%, #8b1515 100%); color: white; box-shadow: 0 2px 8px rgba(185,28,28,0.3); }
        .btn-win:disabled, .btn-loss:disabled { opacity: 0.5; cursor: not-allowed; transform: none; box-shadow: none; }
        .btn-undo { background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); color: #0a0e1a; font-weight: bold; }
        .btn-undo:disabled { opacity: 0.5; cursor: not-allowed; }
        .btn-reset { background: linear-gradient(135deg, #2d3748 0%, #1a202c 100%); color: #e2e8f0; border: 1px solid #4a5568; }
        .btn-save { background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); color: #0a0e1a; font-weight: bold; }
        .btn-open { background: linear-gradient(135deg, #a855f7 0%, #7c3aed 100%); color: white; font-weight: bold; }
        .btn-save:hover, .btn-open:hover, .btn-undo:hover { transform: translateY(-2px); filter: brightness(1.05); }
        .stats { display: flex; flex-wrap: wrap; gap: 14px; background: #1a1f2e; border-radius: 28px; padding: 20px; margin-bottom: 28px; border: 1px solid #2a2f3e; }
        .stat { background: linear-gradient(135deg, #0f131e 0%, #131725 100%); border-radius: 24px; padding: 12px 20px; flex: 1; text-align: center; min-width: 100px; border: 1px solid #2a2f3e; transition: 0.2s; }
        .stat:hover { transform: translateY(-2px); border-color: #4facfe; }
        .stat-label { font-size: 0.7rem; text-transform: uppercase; color: #8b9bb5; letter-spacing: 1px; margin-bottom: 8px; }
        .stat-value { font-size: 1.3rem; font-weight: 800; color: #e0e6f0; }
        .positive { color: #4ade80; } .negative { color: #f87171; }
        .chart-box { background: #1a1f2e; border-radius: 28px; padding: 20px; margin: 20px 0; border: 1px solid #2a2f3e; position: relative; }
        .chart-title { color: #8b9bb5; font-size: 0.85rem; margin-bottom: 15px; text-align: center; }
        canvas { max-height: 450px; width: 100%; background: #0f131e; border-radius: 20px; cursor: pointer; }
        .flex-between { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin: 20px 0 15px; }
        .flex-between h3 { color: #e0e6f0; margin: 0; }
        table { width: 100%; border-collapse: collapse; margin-top: 10px; }
        th, td { padding: 14px 10px; border-bottom: 1px solid #2a2f3e; text-align: center; font-size: 0.85rem; color: #cbd5e1; }
        th { background: #131725; color: #4facfe; font-weight: bold; }
        tr:hover { background: #1a2030; }
        .action-btn { background: none; border: none; font-size: 1.2rem; cursor: pointer; transition: 0.1s; padding: 5px 8px; border-radius: 30px; }
        .delete-btn:hover { color: #f87171; transform: scale(1.1); }
        .camera-btn:hover { color: #00f2fe; transform: scale(1.1); }
        .note-btn:hover { color: #f59e0b; transform: scale(1.1); }
        .edit-btn:hover { color: #c084fc; transform: scale(1.1); }
        .has-image { color: #4ade80; } .has-note { color: #fbbf24; }
        .tooltip-info { position: fixed; background: #0f131e; border: 1px solid #4facfe; border-radius: 12px; padding: 10px 15px; font-size: 0.8rem; color: #e0e6f0; pointer-events: none; z-index: 1000; box-shadow: 0 4px 15px rgba(0,0,0,0.3); backdrop-filter: blur(10px); direction: ltr; text-align: left; max-width: 300px; }
        .tooltip-info strong { color: #4facfe; }
        .tooltip-img { max-width: 150px; max-height: 100px; border-radius: 8px; margin-top: 5px; border: 1px solid #4facfe; }
        .image-modal, .edit-modal, .note-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.95); z-index: 2000; justify-content: center; align-items: center; backdrop-filter: blur(5px); }
        .image-modal.active, .edit-modal.active, .note-modal.active { display: flex; animation: fadeIn 0.2s ease; }
        .image-modal-content, .edit-modal-content, .note-modal-content { background: #1a1f2e; border-radius: 28px; padding: 25px; border: 1px solid #4facfe; box-shadow: 0 0 30px rgba(79,172,254,0.3); max-width: 90%; }
        .image-modal-img { max-width: 100%; max-height: 70vh; border-radius: 16px; margin-bottom: 15px; }
        .img-btn { padding: 8px 20px; border-radius: 40px; font-size: 0.85rem; cursor: pointer; border: none; font-weight: bold; }
        .img-view-btn { background: #4facfe; color: #0a0e1a; } .img-replace-btn { background: #fbbf24; color: #0a0e1a; } .img-delete-btn { background: #f87171; color: white; } .img-close-btn { background: #2d3748; color: #e2e8f0; }
        .img-btn:hover { transform: scale(1.02); filter: brightness(1.05); }
        .edit-field { margin-bottom: 20px; } .edit-field label { display: block; font-size: 0.8rem; font-weight: bold; color: #8b9bb5; margin-bottom: 8px; }
        .edit-field select, .edit-field input { width: 100%; padding: 12px 16px; border-radius: 40px; border: 1px solid #2a2f3e; background: #0f131e; color: #e0e6f0; font-size: 1rem; }
        .edit-buttons { display: flex; gap: 12px; justify-content: flex-end; margin-top: 20px; }
        .edit-btn-save { background: linear-gradient(135deg, #1e7e34 0%, #155d24 100%); color: white; }
        .edit-btn-cancel { background: linear-gradient(135deg, #2d3748 0%, #1a202c 100%); color: #e2e8f0; border: 1px solid #4a5568; }
        .note-textarea { width: 100%; min-height: 300px; background: #0f131e; border: 1px solid #2a2f3e; border-radius: 20px; padding: 15px; color: #e0e6f0; font-size: 0.9rem; resize: vertical; }
        .note-char-count { text-align: left; font-size: 0.7rem; color: #5a6e8a; margin-top: 8px; }
        .note-buttons { display: flex; gap: 12px; justify-content: flex-end; margin-top: 15px; }
        .note-btn-save { background: linear-gradient(135deg, #1e7e34 0%, #155d24 100%); color: white; }
        .note-btn-cancel { background: linear-gradient(135deg, #2d3748 0%, #1a202c 100%); color: #e2e8f0; border: 1px solid #4a5568; }
        .image-thumb-tooltip { position: fixed; background: #0f131e; border: 1px solid #4facfe; border-radius: 12px; padding: 8px; z-index: 1500; box-shadow: 0 4px 15px rgba(0,0,0,0.3); pointer-events: none; }
        .image-thumb-tooltip img { max-width: 120px; max-height: 80px; border-radius: 8px; }
        @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
        .creator { text-align: center; margin-top: 20px; padding: 15px; background: #1a1f2e; border-radius: 20px; border: 1px solid #2a2f3e; }
        .creator-name { color: #4facfe; font-size: 1rem; font-weight: bold; margin-bottom: 5px; }
        .creator-telegram { color: #8b9bb5; font-size: 0.85rem; direction: ltr; display: inline-block; background: #0f131e; padding: 4px 12px; border-radius: 20px; margin-top: 5px; }
        footer { text-align: center; font-size: 0.7rem; margin-top: 20px; color: #5a6e8a; padding-top: 15px; border-top: 1px solid #2a2f3e; }
        .file-input { display: none; }
        .filter-bar { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-bottom: 20px; }
        .filter-bar select { background: #0f131e; border: 1px solid #2a2f3e; color: #e0e6f0; padding: 8px 12px; border-radius: 20px; font-size: 0.8rem; }
        @media (max-width: 768px) { .container { padding: 16px; } .stat-value { font-size: 1rem; } th, td { padding: 8px 4px; font-size: 0.7rem; } }
    </style>
</head>
<body>
<div class="container">
    <div class="header">
        <h1>📊 FX Backtest Pro</h1>
        <button class="sound-btn" id="soundToggleBtn" title="روشن/خاموش صدای کلیک">🔇</button>
    </div>
    <div class="sub">موجودی قابل تغییر | بک‌تست پیشرفته | فیلتر بر اساس ابزار، سشن و روز</div>

    <div class="trade-card">
        <div class="row">
            <div class="field"><label>💰 موجودی اولیه (بالانس)</label><input type="number" id="initialBalance" value="1000" step="100" min="1"></div>
            <div class="field"><label>⚠️ ریسک (دلار)</label><input type="number" id="risk" value="10" step="1" min="1"></div>
            <div class="field"><label>🎯 ریوارد (دلار)</label><input type="number" id="reward" value="20" step="1" min="1"></div>
            <div class="field"><label>📐 نسبت R:R</label><div id="rrShow" style="background:#0f131e; padding:11px 15px; border-radius:40px; text-align:center; border:1px solid #2a2f3e; color:#4facfe;">۱ : ۲.۰۰</div></div>
        </div>
        <div class="row">
            <div class="field">
                <label>💱 ابزار معاملاتی</label>
                <select id="instrumentSelect">
                    <option value="EUR/USD">EUR/USD</option><option value="GBP/USD">GBP/USD</option><option value="USD/JPY">USD/JPY</option>
                    <option value="XAUUSD">XAUUSD (طلا)</option><option value="BTCUSD">BTCUSD</option><option value="S&P500">S&P500</option>
                    <option value="custom">✏️ سفارشی...</option>
                </select>
                <input type="text" id="customInstrument" placeholder="نام ابزار" style="display:none; margin-top:5px;">
            </div>
        </div>
        <div class="buttons">
            <button class="btn-win" id="winBtn" disabled>✅ WIN (برد) + ریوارد</button>
            <button class="btn-loss" id="lossBtn" disabled>❌ LOSS (باخت) - ریسک</button>
            <button class="btn-undo" id="undoBtn" disabled>↩️ بازگشت</button>
            <button class="btn-save" id="saveBtn">💾 ذخیره</button>
            <button class="btn-open" id="openBtn">📂 باز کردن</button>
            <button class="btn-reset" id="resetBtn">🗑️ حذف همه</button>
        </div>
        <input type="file" id="fileInput" class="file-input" accept=".json">
    </div>

    <div class="stats" id="mainStats"></div> <!-- محتوای آمار اصلی با js پر می‌شود -->
    <div class="stats" id="advancedStats"></div>

    <div class="chart-box">
        <div class="chart-title">📈 نمودار رشد سرمایه (اکوتی)</div>
        <canvas id="equityCanvas" width="900" height="400"></canvas>
    </div>

    <div class="filter-bar">
        <label style="color:#8b9bb5; font-size:0.8rem;">🔍 فیلتر:</label>
        <select id="filterInstrument"><option value="">همه ابزارها</option></select>
        <select id="filterSession"><option value="">همه سشن‌ها</option></select>
        <select id="filterDay"><option value="">همه روزها</option></select>
        <select id="filterOutcome"><option value="">همه نتایج</option><option value="win">برد</option><option value="loss">باخت</option></select>
        <button id="clearFilterBtn" style="background:#2d3748; color:#e2e8f0; border-radius:20px; padding:8px 16px;">پاک کردن فیلترها</button>
    </div>

    <div class="flex-between"><h3>📋 لیست تریدها</h3></div>
    <div style="overflow-x: auto; max-height: 400px; overflow-y: auto;">
        <table>
            <thead><tr><th>#</th><th>نوع</th><th>ابزار</th><th>سشن</th><th>روز</th><th>ریسک $</th><th>ریوارد $</th><th>نسبت R:R</th><th>تغییر $</th><th>موجودی پس از</th><th>📷</th><th>📝</th><th>✏️</th><th>🗑️</th></tr></thead>
            <tbody id="tradesBody"></tbody>
        </table>
    </div>

    <div class="creator">
        <div class="creator-name">✨ ساخته شده توسط ✨</div>
        <div class="creator-name" style="font-size: 1.2rem; color: #00f2fe;">امین صادقوند</div>
        <div class="creator-telegram">📱 تلگرام: @TitanBane</div>
        <div style="font-size: 0.7rem; color: #5a6e8a; margin-top: 8px;">ورژن 6 (ابزار، سشن و روز)</div>
    </div>
    <footer>✅ تمام تریدها، عکس‌ها و یاداشت‌ها در مرورگر ذخیره می‌شوند | قابلیت بازگشت (Undo) فعال است</footer>
</div>

<!-- مودال‌ها -->
<div id="imageModal" class="image-modal">
    <div class="image-modal-content">
        <img id="modalImage" class="image-modal-img" src="" alt="اسکرین‌شات">
        <div class="image-modal-buttons">
            <button class="img-btn img-view-btn" id="imgViewBtn">👁️ مشاهده بزرگ</button>
            <button class="img-btn img-replace-btn" id="imgReplaceBtn">✏️ جایگزینی</button>
            <button class="img-btn img-delete-btn" id="imgDeleteBtn">🗑️ حذف</button>
            <button class="img-btn img-close-btn" id="imgCloseBtn">✖️ بستن</button>
        </div>
    </div>
</div>
<div id="editModal" class="edit-modal">
    <div class="edit-modal-content">
        <h3>✏️ ویرایش ترید</h3>
        <div class="edit-field"><label>نوع ترید:</label><select id="editOutcome"><option value="win">✅ برد</option><option value="loss">❌ باخت</option></select></div>
        <div class="edit-field"><label>💰 ریسک (دلار):</label><input type="number" id="editRisk" step="1" min="1"></div>
        <div class="edit-field"><label>🎯 ریوارد (دلار):</label><input type="number" id="editReward" step="1" min="1"></div>
        <div class="edit-field"><label>💱 ابزار:</label><input type="text" id="editInstrument" placeholder="نام ابزار"></div>
        <div class="edit-field"><label>🕒 سشن:</label><select id="editSession"><option value="asian">Asian</option><option value="london">London</option><option value="ny">New York</option><option value="other">Other</option></select></div>
        <div class="edit-buttons"><button class="edit-btn-cancel" id="editCancelBtn">انصراف</button><button class="edit-btn-save" id="editSaveBtn">ذخیره</button></div>
    </div>
</div>
<div id="noteModal" class="note-modal">
    <div class="note-modal-content">
        <h3>📝 یادداشت ترید</h3>
        <textarea id="noteTextarea" class="note-textarea" placeholder="یادداشت... (حداکثر ۱۰,۰۰۰ کاراکتر)" maxlength="10000"></textarea>
        <div class="note-char-count" id="noteCharCount">0 / 10000</div>
        <div class="note-buttons"><button class="note-btn-cancel" id="noteCancelBtn">انصراف</button><button class="note-btn-save" id="noteSaveBtn">ذخیره</button></div>
    </div>
</div>

<script>
(function() {
    // ---------- State ----------
    let trades = [];
    let currentBalance = 1000;
    let currentNoteTradeId = null, currentImageTradeId = null, currentEditTradeId = null;
    let soundEnabled = false, audioCtx = null;
    const undoStack = [], MAX_UNDO = 20;

    // ---------- Persian date helpers ----------
    const persianDays = ["شنبه","یکشنبه","دوشنبه","سه‌شنبه","چهارشنبه","پنجشنبه","جمعه"];
    function getPersianDay(timestamp) {
        const d = new Date(timestamp);
        const jsDay = d.getDay(); // 0=Sun .. 6=Sat
        const persianIndex = (jsDay + 1) % 7; // 6->0 Sat, 0->1 Sun etc.
        return persianDays[persianIndex];
    }
    function getSession(timestamp) {
        const d = new Date(timestamp);
        const hour = d.getHours(); // local time (Iran)
        if (hour >= 3 && hour < 11) return "asian";
        if (hour >= 11 && hour < 16) return "london";
        if (hour >= 16 && hour < 24) return "ny";
        return "other";
    }

    // ---------- Audio ----------
    function playClickSound() {
        if (!soundEnabled) return;
        try {
            if (!audioCtx) audioCtx = new (window.AudioContext || window.webkitAudioContext)();
            const osc = audioCtx.createOscillator();
            const gain = audioCtx.createGain();
            osc.connect(gain); gain.connect(audioCtx.destination);
            osc.frequency.value = 880; gain.gain.value = 0.1; osc.type = 'sine';
            osc.start(); gain.gain.exponentialRampToValueAtTime(0.00001, audioCtx.currentTime + 0.08);
            osc.stop(audioCtx.currentTime + 0.08);
            if (audioCtx.state === 'suspended') audioCtx.resume();
        } catch(e) {}
    }
    function initAudio() { if (audioCtx && audioCtx.state === 'suspended') audioCtx.resume(); }

    // ---------- Undo ----------
    function pushUndo() {
        undoStack.push({ trades: JSON.parse(JSON.stringify(trades)), currentBalance });
        if (undoStack.length > MAX_UNDO) undoStack.shift();
        document.getElementById("undoBtn").disabled = false;
    }
    function performUndo() {
        if (!undoStack.length) return;
        const snap = undoStack.pop();
        trades = snap.trades; currentBalance = snap.currentBalance;
        document.getElementById("initialBalance").value = currentBalance;
        saveTrades(); fullRefresh(); playClickSound();
        document.getElementById("undoBtn").disabled = undoStack.length === 0;
    }

    // ---------- Image compression ----------
    function compressImage(dataUrl, cb) {
        const img = new Image();
        img.onload = () => {
            const canvas = document.createElement('canvas');
            const maxW = 800; let w = img.width, h = img.height;
            if (w > maxW) { h = (h * maxW) / w; w = maxW; }
            canvas.width = w; canvas.height = h;
            canvas.getContext('2d').drawImage(img, 0, 0, w, h);
            cb(canvas.toDataURL('image/jpeg', 0.6));
        };
        img.src = dataUrl;
    }
    function addImageToTrade(tradeId, closeAfter = false) {
        const input = document.createElement("input"); input.type = "file"; input.accept = "image/*";
        input.onchange = function(e) {
            const file = e.target.files[0]; if (!file) return;
            const reader = new FileReader();
            reader.onload = function(ev) {
                compressImage(ev.target.result, (compressed) => {
                    const trade = trades.find(t => t.id === tradeId);
                    if (trade) { pushUndo(); trade.image = compressed; saveTrades(); fullRefresh(); playClickSound(); if (closeAfter) closeImageModal(); }
                });
            };
            reader.readAsDataURL(file);
        };
        input.click();
    }

    // ---------- Modals ----------
    function openImageModal(tradeId) {
        const trade = trades.find(t => t.id === tradeId);
        if (trade && trade.image) {
            currentImageTradeId = tradeId;
            document.getElementById("modalImage").src = trade.image;
            document.getElementById("imageModal").classList.add("active");
        } else { alert("عکسی وجود ندارد."); addImageToTrade(tradeId); }
    }
    function closeImageModal() { document.getElementById("imageModal").classList.remove("active"); currentImageTradeId = null; }
    function replaceImage() { if (currentImageTradeId) { addImageToTrade(currentImageTradeId, true); closeImageModal(); } }
    function deleteImageFromModal() {
        if (!currentImageTradeId) return;
        const trade = trades.find(t => t.id === currentImageTradeId);
        if (trade && trade.image && confirm("حذف عکس؟")) { pushUndo(); trade.image = null; saveTrades(); fullRefresh(); playClickSound(); closeImageModal(); }
    }

    function openEditModal(tradeId) {
        currentEditTradeId = tradeId;
        const trade = trades.find(t => t.id === tradeId);
        if (!trade) return;
        document.getElementById("editOutcome").value = trade.outcome;
        document.getElementById("editRisk").value = trade.risk;
        document.getElementById("editReward").value = trade.reward;
        document.getElementById("editInstrument").value = trade.instrument || "";
        document.getElementById("editSession").value = trade.session || "other";
        document.getElementById("editModal").classList.add("active");
    }
    function closeEditModal() { document.getElementById("editModal").classList.remove("active"); currentEditTradeId = null; }
    function saveEditTrade() {
        if (!currentEditTradeId) return;
        const trade = trades.find(t => t.id === currentEditTradeId);
        if (!trade) return;
        const newRisk = parseFloat(document.getElementById("editRisk").value);
        const newReward = parseFloat(document.getElementById("editReward").value);
        if (isNaN(newRisk) || newRisk <= 0) { alert("ریسک مثبت وارد کنید"); return; }
        if (isNaN(newReward) || newReward <= 0) { alert("ریوارد مثبت وارد کنید"); return; }
        pushUndo();
        trade.outcome = document.getElementById("editOutcome").value;
        trade.risk = newRisk; trade.reward = newReward;
        trade.instrument = document.getElementById("editInstrument").value.trim() || null;
        trade.session = document.getElementById("editSession").value;
        saveTrades(); fullRefresh(); playClickSound(); closeEditModal();
    }

    function openNoteModal(tradeId) {
        currentNoteTradeId = tradeId;
        const trade = trades.find(t => t.id === tradeId);
        const ta = document.getElementById("noteTextarea");
        ta.value = trade && trade.note ? trade.note : "";
        document.getElementById("noteCharCount").textContent = `${ta.value.length} / 10000`;
        document.getElementById("noteModal").classList.add("active");
    }
    function closeNoteModal() { document.getElementById("noteModal").classList.remove("active"); currentNoteTradeId = null; }
    function saveNote() {
        if (!currentNoteTradeId) return;
        const trade = trades.find(t => t.id === currentNoteTradeId);
        if (!trade) return;
        const text = document.getElementById("noteTextarea").value;
        if (text.length > 10000) { alert("حداکثر ۱۰,۰۰۰ کاراکتر"); return; }
        pushUndo(); trade.note = text || null; saveTrades(); fullRefresh(); playClickSound(); closeNoteModal();
    }
    function removeNoteFromTrade(tradeId) {
        const trade = trades.find(t => t.id === tradeId);
        if (trade && trade.note && confirm("حذف یادداشت؟")) { pushUndo(); trade.note = null; saveTrades(); fullRefresh(); playClickSound(); }
    }

    // ---------- Storage ----------
    function loadTrades() {
        const saved = localStorage.getItem("forex_backtest_v7");
        if (saved) {
            try {
                const data = JSON.parse(saved);
                trades = data.trades || [];
                currentBalance = data.currentBalance || 1000;
                document.getElementById("initialBalance").value = currentBalance;
            } catch(e) { trades = []; currentBalance = 1000; }
        }
        if (!trades.length) {
            const now = Date.now();
            trades = [
                { id: now+1, risk:20, reward:40, outcome:"win", timestamp: now-864e5*5, instrument:"EUR/USD", session:getSession(now-864e5*5), note:null, image:null },
                { id: now+2, risk:15, reward:30, outcome:"loss", timestamp: now-864e5*3, instrument:"XAUUSD", session:getSession(now-864e5*3), note:null, image:null },
                { id: now+3, risk:25, reward:50, outcome:"win", timestamp: now-864e5*1, instrument:"BTCUSD", session:getSession(now-864e5*1), note:null, image:null },
                { id: now+4, risk:10, reward:20, outcome:"win", timestamp: now-864e5*0, instrument:"EUR/USD", session:getSession(now-864e5*0), note:null, image:null }
            ];
        }
        saveTrades();
    }
    function saveTrades() {
        localStorage.setItem("forex_backtest_v7", JSON.stringify({ trades, currentBalance }));
    }

    // ---------- Computations ----------
    function sortTrades() { trades.sort((a,b) => (a.timestamp||0) - (b.timestamp||0)); }
    function computeEquityCurve(filteredTrades = trades) {
        sortTrades();
        let balance = currentBalance;
        const points = [balance];
        const details = [];
        for (let t of filteredTrades) {
            if (t.outcome === "win") balance += t.reward; else balance -= t.risk;
            points.push(balance);
            details.push({ ...t, cumulativeBalance: balance, changeAmount: t.outcome==="win" ? t.reward : -t.risk });
        }
        return { points, sortedTrades: filteredTrades.slice(), tradeDetails: details };
    }
    function calculateStats(points, tradesArr) {
        let wins = 0, losses = 0, sumWins = 0, sumLosses = 0;
        for (let t of tradesArr) {
            if (t.outcome === "win") { wins++; sumWins += t.reward; }
            else { losses++; sumLosses += t.risk; }
        }
        const total = wins+losses;
        const winRate = total ? (wins/total)*100 : 0;
        const profitFactor = sumLosses === 0 ? (sumWins > 0 ? sumWins : 0) : sumWins/sumLosses;
        const netProfit = points[points.length-1] - currentBalance;
        let peak = currentBalance, maxDD = 0;
        for (let i=1; i<points.length; i++) {
            if (points[i] > peak) peak = points[i];
            const dd = (peak - points[i]) / peak * 100;
            if (dd > maxDD) maxDD = dd;
        }
        return { wins, losses, winRate, profitFactor, netProfit, maxDrawdown: maxDD };
    }

    // ---------- Filtering ----------
    function getFilteredTrades() {
        const instr = document.getElementById("filterInstrument").value;
        const sess = document.getElementById("filterSession").value;
        const day = document.getElementById("filterDay").value;
        const outcome = document.getElementById("filterOutcome").value;
        return trades.filter(t => {
            if (instr && t.instrument !== instr) return false;
            if (sess && t.session !== sess) return false;
            if (day && getPersianDay(t.timestamp) !== day) return false;
            if (outcome && t.outcome !== outcome) return false;
            return true;
        });
    }
    function updateFilters() {
        const instrSet = new Set(trades.map(t => t.instrument).filter(Boolean));
        const sessSet = new Set(trades.map(t => t.session).filter(Boolean));
        const daySet = new Set(trades.map(t => getPersianDay(t.timestamp)));
        const fillSelect = (id, values, defaultOption) => {
            const sel = document.getElementById(id);
            const current = sel.value;
            sel.innerHTML = `<option value="">${defaultOption}</option>`;
            [...values].sort().forEach(v => { sel.innerHTML += `<option value="${v}">${v}</option>`; });
            sel.value = current; // keep previous selection if still valid
        };
        fillSelect("filterInstrument", instrSet, "همه ابزارها");
        fillSelect("filterSession", sessSet, "همه سشن‌ها");
        fillSelect("filterDay", daySet, "همه روزها");
    }

    // ---------- Rendering ----------
    function renderStats(filteredTrades) {
        const { points, sortedTrades } = computeEquityCurve(filteredTrades);
        const stats = calculateStats(points, sortedTrades);
        const balance = points[points.length-1];
        document.getElementById("mainStats").innerHTML = `
            <div class="stat"><div class="stat-label">موجودی فعلی</div><div class="stat-value">${balance.toFixed(2)} $</div></div>
            <div class="stat"><div class="stat-label">سود/زیان کل</div><div class="stat-value ${stats.netProfit>=0?'positive':'negative'}">${stats.netProfit>=0?'+':''}${stats.netProfit.toFixed(2)} $</div></div>
            <div class="stat"><div class="stat-label">برد/باخت</div><div class="stat-value">${stats.wins} / ${stats.losses}</div></div>
            <div class="stat"><div class="stat-label">% موفقیت</div><div class="stat-value">${stats.winRate.toFixed(1)}%</div></div>
            <div class="stat"><div class="stat-label">فاکتور سود</div><div class="stat-value">${stats.profitFactor.toFixed(2)}</div></div>
            <div class="stat"><div class="stat-label">حداکثر دراودان</div><div class="stat-value">${stats.maxDrawdown.toFixed(2)}%</div></div>
        `;
        // آمار تفکیکی سشن‌ها و ابزارها
        const byInstrument = {}, bySession = {};
        for (let t of filteredTrades) {
            const instr = t.instrument || "نامشخص";
            const sess = t.session || "نامشخص";
            if (!byInstrument[instr]) byInstrument[instr] = { wins:0, losses:0, sumWins:0, sumLosses:0 };
            if (!bySession[sess]) bySession[sess] = { wins:0, losses:0, sumWins:0, sumLosses:0 };
            if (t.outcome==="win") {
                byInstrument[instr].wins++; byInstrument[instr].sumWins += t.reward;
                bySession[sess].wins++; bySession[sess].sumWins += t.reward;
            } else {
                byInstrument[instr].losses++; byInstrument[instr].sumLosses += t.risk;
                bySession[sess].losses++; bySession[sess].sumLosses += t.risk;
            }
        }
        let advHTML = '';
        for (let [instr, d] of Object.entries(byInstrument)) {
            const total = d.wins+d.losses;
            const wr = total ? (d.wins/total*100).toFixed(0) : '—';
            const net = d.sumWins - d.sumLosses;
            advHTML += `<div class="stat"><div class="stat-label">${instr}</div><div class="stat-value" style="font-size:1rem;">${d.wins}W / ${d.losses}L (${wr}%)<br><span class="${net>=0?'positive':'negative'}">${net>=0?'+':''}${net.toFixed(0)}$</span></div></div>`;
        }
        for (let [sess, d] of Object.entries(bySession)) {
            const total = d.wins+d.losses;
            const wr = total ? (d.wins/total*100).toFixed(0) : '—';
            const net = d.sumWins - d.sumLosses;
            advHTML += `<div class="stat"><div class="stat-label">سشن ${sess}</div><div class="stat-value" style="font-size:1rem;">${d.wins}W / ${d.losses}L (${wr}%)<br><span class="${net>=0?'positive':'negative'}">${net>=0?'+':''}${net.toFixed(0)}$</span></div></div>`;
        }
        document.getElementById("advancedStats").innerHTML = advHTML || '<div class="stat"><div class="stat-label">آمار تفکیکی</div><div class="stat-value">—</div></div>';
    }

    function renderTable(filteredTrades) {
        const tbody = document.getElementById("tradesBody");
        if (!filteredTrades.length) { tbody.innerHTML = '<tr><td colspan="14">هیچ تریدی یافت نشد</td></tr>'; return; }
        let html = ""; let tempBal = currentBalance;
        for (let i=0; i<filteredTrades.length; i++) {
            const t = filteredTrades[i];
            const change = t.outcome==="win" ? t.reward : -t.risk;
            tempBal += change;
            const rr = (t.reward / t.risk).toFixed(2);
            const hasImg = !!t.image, hasNote = !!t.note;
            html += `<tr>
                <td>${i+1}</td>
                <td style="color:${t.outcome==='win'?'#4ade80':'#f87171'}; font-weight:bold;">${t.outcome==='win'?'✅ برد':'❌ باخت'}</td>
                <td>${t.instrument||'—'}</td>
                <td>${t.session||'—'}</td>
                <td>${getPersianDay(t.timestamp)}</td>
                <td>${t.risk.toFixed(2)}</td><td>${t.reward.toFixed(2)}</td><td>1:${rr}</td>
                <td class="${change>=0?'positive':'negative'}">${change>=0?'+':''}${change.toFixed(2)}</td>
                <td>${tempBal.toFixed(2)}</td>
                <td><button class="action-btn camera-btn ${hasImg?'has-image':''}" data-id="${t.id}" data-image="${t.image||''}">${hasImg?'🖼️':'📷'}</button></td>
                <td><button class="action-btn note-btn ${hasNote?'has-note':''}" data-id="${t.id}">${hasNote?'📝✏️':'📝'}</button></td>
                <td><button class="action-btn edit-btn" data-id="${t.id}">✏️</button></td>
                <td><button class="action-btn delete-btn" data-id="${t.id}">🗑️</button></td>
            </tr>`;
        }
        tbody.innerHTML = html;
    }

    // ---------- Chart ----------
    function drawChart(points, tradeDetails) {
        const canvas = document.getElementById("equityCanvas");
        if (!canvas) return;
        const ctx = canvas.getContext("2d");
        const width = canvas.clientWidth, height = canvas.clientHeight;
        canvas.width = width; canvas.height = height;
        ctx.clearRect(0, 0, width, height); ctx.fillStyle = "#0f131e"; ctx.fillRect(0, 0, width, height);
        if (points.length < 2) return;
        const minP = Math.min(...points), maxP = Math.max(...points);
        const range = maxP - minP;
        const padding = range * 0.15 || 10;
        const minEquity = minP - padding, maxEquity = maxP + padding;
        const equityRange = maxEquity - minEquity || 1;
        const xStep = width / (points.length - 1);
        // grid
        ctx.strokeStyle = "#2a2f3e"; ctx.lineWidth = 0.5;
        for (let i = 0; i <= 5; i++) {
            const y = height - (i / 5) * height;
            ctx.beginPath(); ctx.moveTo(0, y); ctx.lineTo(width, y); ctx.stroke();
            ctx.fillStyle = "#5a6e8a"; ctx.font = "10px Segoe UI"; ctx.textAlign = "right";
            ctx.fillText((minEquity + (i/5)*equityRange).toFixed(0), 5, y - 3);
        }
        // line
        ctx.beginPath(); ctx.strokeStyle = "#4facfe"; ctx.lineWidth = 3;
        for (let i = 0; i < points.length; i++) {
            const x = i * xStep, y = height - ((points[i] - minEquity) / equityRange) * height;
            if (i === 0) ctx.moveTo(x, y); else ctx.lineTo(x, y);
        }
        ctx.stroke();
        // dots
        const pointsData = [];
        for (let i = 0; i < points.length; i++) {
            const x = i * xStep, y = height - ((points[i] - minEquity) / equityRange) * height;
            ctx.beginPath(); ctx.arc(x, y, 4, 0, Math.PI*2);
            if (i === 0) {
                ctx.fillStyle = "#4facfe"; ctx.fill();
                ctx.beginPath(); ctx.arc(x, y, 2, 0, Math.PI*2); ctx.fillStyle = "#fff"; ctx.fill();
                pointsData.push({ x, y, isStart: true, balance: points[i] });
            } else {
                const trade = tradeDetails[i-1];
                ctx.fillStyle = trade.outcome === "win" ? "#4ade80" : "#f87171"; ctx.fill();
                ctx.beginPath(); ctx.arc(x, y, 2, 0, Math.PI*2); ctx.fillStyle = "#fff"; ctx.fill();
                pointsData.push({ x, y, isStart: false, balance: points[i], trade, id: trade.id });
            }
        }
        // last label
        if (pointsData.length) {
            const last = pointsData[pointsData.length-1];
            const text = `💰 ${last.balance.toFixed(2)} $`;
            ctx.font = "bold 14px Segoe UI"; const metrics = ctx.measureText(text);
            const tw = metrics.width + 12, th = 24;
            let lx = last.x + 10, ly = last.y - 15;
            if (lx + tw > width) lx = last.x - tw - 10;
            if (ly < 0) ly = last.y + 15;
            ctx.fillStyle = "rgba(15,19,30,0.85)"; ctx.fillRect(lx-6, ly-17, tw, th);
            ctx.fillStyle = "#4facfe"; ctx.textAlign = "left"; ctx.fillText(text, lx, ly);
        }
        // interactions
        let tooltip = document.querySelector(".tooltip-info");
        if (!tooltip) { tooltip = document.createElement("div"); tooltip.className = "tooltip-info"; document.body.appendChild(tooltip); }
        const getNearest = (e) => {
            const rect = canvas.getBoundingClientRect();
            const clientX = e.clientX || (e.touches && e.touches[0].clientX);
            const clientY = e.clientY || (e.touches && e.touches[0].clientY);
            if (!clientX) return null;
            const mx = clientX - rect.left, my = clientY - rect.top;
            for (let p of pointsData) if (Math.hypot(mx-p.x, my-p.y) < 7) return p;
            return null;
        };
        canvas.oncontextmenu = e => { e.preventDefault(); const p = getNearest(e); if (p && p.id) openEditModal(p.id); };
        canvas.ondblclick = e => { const p = getNearest(e); if (p && p.id) addImageToTrade(p.id); };
        canvas.onmousemove = e => {
            const p = getNearest(e);
            if (p) {
                if (p.isStart) tooltip.innerHTML = `<strong>📊 شروع</strong><br>${p.balance.toFixed(2)}$`;
                else {
                    const t = p.trade;
                    tooltip.innerHTML = `<strong>${t.outcome==='win'?'✅ برد':'❌ باخت'}</strong><br>ابزار: ${t.instrument||'—'}<br>R:R 1:${(t.reward/t.risk).toFixed(2)}<br>${t.outcome==='win'?'سود':'ضرر'}: ${Math.abs(t.changeAmount).toFixed(2)}$<br>موجودی: ${p.balance.toFixed(2)}$`;
                    if (t.image) tooltip.innerHTML += `<br><img src="${t.image}" class="tooltip-img">`;
                }
                tooltip.style.display = "block"; tooltip.style.left = (e.clientX+15)+"px"; tooltip.style.top = (e.clientY-30)+"px";
            } else tooltip.style.display = "none";
        };
        canvas.onmouseleave = () => tooltip.style.display = "none";
        canvas.onclick = e => { const p = getNearest(e); if (p && p.trade && p.trade.image) { document.getElementById("modalImage").src = p.trade.image; document.getElementById("imageModal").classList.add("active"); currentImageTradeId = p.trade.id; } };
        // long press for mobile
        let longPress;
        canvas.addEventListener('touchstart', e => {
            const touch = e.touches[0];
            longPress = setTimeout(() => { const p = getNearest(touch); if (p && p.id) openEditModal(p.id); }, 600);
        });
        canvas.addEventListener('touchend', () => clearTimeout(longPress));
        canvas.addEventListener('touchmove', () => clearTimeout(longPress));
    }

    function fullRefresh() {
        const filtered = getFilteredTrades();
        const { points, sortedTrades, tradeDetails } = computeEquityCurve(filtered);
        renderStats(filtered);
        renderTable(sortedTrades);
        drawChart(points, tradeDetails);
        updateFilters();
    }

    // ---------- Trade operations ----------
    function addTrade(outcome) {
        const riskVal = parseFloat(document.getElementById("risk").value);
        const rewardVal = parseFloat(document.getElementById("reward").value);
        if (isNaN(riskVal) || riskVal <= 0 || isNaN(rewardVal) || rewardVal <= 0) {
            alert("ریسک و ریوارد باید مثبت باشند"); return;
        }
        const sel = document.getElementById("instrumentSelect");
        let instrument = sel.value;
        if (instrument === "custom") {
            instrument = document.getElementById("customInstrument").value.trim();
            if (!instrument) { alert("نام ابزار را وارد کنید"); return; }
        }
        const timestamp = Date.now();
        const session = getSession(timestamp);
        const newTrade = {
            id: timestamp + Math.floor(Math.random()*10000),
            risk: riskVal, reward: rewardVal, outcome,
            timestamp, instrument, session,
            image: null, note: null
        };
        pushUndo();
        trades.push(newTrade);
        saveTrades();
        fullRefresh();
        playClickSound();
    }
    function resetAll() {
        if (confirm("همه تریدها حذف شوند؟")) { pushUndo(); trades = []; saveTrades(); fullRefresh(); playClickSound(); }
    }
    function updateBalance() {
        const input = document.getElementById("initialBalance");
        const newBal = parseFloat(input.value);
        if (!isNaN(newBal) && newBal > 0) {
            pushUndo();
            currentBalance = newBal;
            saveTrades();
            fullRefresh();
            playClickSound();
        } else {
            alert("عدد معتبر وارد کنید");
            input.value = currentBalance;
        }
    }
    function updateRR() {
        const risk = parseFloat(document.getElementById("risk").value);
        const reward = parseFloat(document.getElementById("reward").value);
        const rrDiv = document.getElementById("rrShow");
        if (!isNaN(risk) && risk>0 && !isNaN(reward) && reward>0) {
            rrDiv.innerHTML = `۱ : ${(reward/risk).toFixed(2)}`;
        } else rrDiv.innerHTML = "۱ : —";
        document.getElementById("winBtn").disabled = !(risk>0 && reward>0);
        document.getElementById("lossBtn").disabled = !(risk>0 && reward>0);
    }

    // ---------- File import/export ----------
    function saveToFile() {
        const data = { trades, currentBalance, exportDate: new Date().toISOString(), version: "7" };
        const blob = new Blob([JSON.stringify(data, null, 2)], { type: "application/json" });
        const a = document.createElement("a"); a.href = URL.createObjectURL(blob);
        a.download = `forex_backtest_${new Date().toISOString().slice(0,19).replace(/:/g,'-')}.json`;
        a.click(); playClickSound();
    }
    function openFromFile(file) {
        if (!file) return;
        const reader = new FileReader();
        reader.onload = e => {
            try {
                const data = JSON.parse(e.target.result);
                if (data.trades && Array.isArray(data.trades)) {
                    trades = data.trades; currentBalance = data.currentBalance || 1000;
                    document.getElementById("initialBalance").value = currentBalance;
                    saveTrades(); fullRefresh(); playClickSound();
                } else alert("فرمت نامعتبر");
            } catch(ex) { alert("خطا در خواندن فایل"); }
        };
        reader.readAsText(file);
    }

    // ---------- Event wiring ----------
    document.getElementById("soundToggleBtn").onclick = () => {
        soundEnabled = !soundEnabled;
        const btn = document.getElementById("soundToggleBtn");
        if (soundEnabled) { btn.textContent = "🔊"; btn.classList.add("active"); initAudio(); playClickSound(); }
        else { btn.textContent = "🔇"; btn.classList.remove("active"); }
    };
    document.getElementById("winBtn").onclick = () => addTrade("win");
    document.getElementById("lossBtn").onclick = () => addTrade("loss");
    document.getElementById("undoBtn").onclick = performUndo;
    document.getElementById("resetBtn").onclick = resetAll;
    document.getElementById("saveBtn").onclick = saveToFile;
    document.getElementById("openBtn").onclick = () => document.getElementById("fileInput").click();
    document.getElementById("fileInput").onchange = (e) => { if (e.target.files[0]) { openFromFile(e.target.files[0]); e.target.value = ""; } };
    document.getElementById("initialBalance").onchange = updateBalance;
    document.getElementById("risk").oninput = updateRR;
    document.getElementById("reward").oninput = updateRR;
    document.getElementById("instrumentSelect").onchange = function() {
        document.getElementById("customInstrument").style.display = this.value === "custom" ? "block" : "none";
    };
    // note modal
    document.getElementById("noteTextarea").oninput = function() { document.getElementById("noteCharCount").textContent = `${this.value.length} / 10000`; };
    document.getElementById("noteSaveBtn").onclick = saveNote;
    document.getElementById("noteCancelBtn").onclick = closeNoteModal;
    document.getElementById("noteModal").onclick = (e) => { if (e.target === e.currentTarget) closeNoteModal(); };
    // image modal
    document.getElementById("imgViewBtn").onclick = () => { const w = window.open(); w.document.write(`<img src="${document.getElementById('modalImage').src}" style="max-width:100%;background:#000;">`); };
    document.getElementById("imgReplaceBtn").onclick = replaceImage;
    document.getElementById("imgDeleteBtn").onclick = deleteImageFromModal;
    document.getElementById("imgCloseBtn").onclick = closeImageModal;
    document.getElementById("imageModal").onclick = (e) => { if (e.target === e.currentTarget) closeImageModal(); };
    // edit modal
    document.getElementById("editSaveBtn").onclick = saveEditTrade;
    document.getElementById("editCancelBtn").onclick = closeEditModal;
    document.getElementById("editModal").onclick = (e) => { if (e.target === e.currentTarget) closeEditModal(); };
    // filters
    document.getElementById("filterInstrument").onchange = fullRefresh;
    document.getElementById("filterSession").onchange = fullRefresh;
    document.getElementById("filterDay").onchange = fullRefresh;
    document.getElementById("filterOutcome").onchange = fullRefresh;
    document.getElementById("clearFilterBtn").onclick = () => {
        document.getElementById("filterInstrument").value = "";
        document.getElementById("filterSession").value = "";
        document.getElementById("filterDay").value = "";
        document.getElementById("filterOutcome").value = "";
        fullRefresh();
    };
    // table delegation
    document.getElementById("tradesBody").onclick = function(e) {
        const btn = e.target.closest("button");
        if (!btn) return;
        const id = Number(btn.dataset.id);
        if (btn.classList.contains("camera-btn")) {
            const trade = trades.find(t => t.id === id);
            if (trade && trade.image) openImageModal(id); else addImageToTrade(id);
            playClickSound();
        } else if (btn.classList.contains("note-btn")) {
            const trade = trades.find(t => t.id === id);
            if (trade && trade.note) {
                if (confirm("ویرایش یا حذف یادداشت؟ (OK=ویرایش)")) openNoteModal(id); else removeNoteFromTrade(id);
            } else openNoteModal(id);
            playClickSound();
        } else if (btn.classList.contains("edit-btn")) { openEditModal(id); playClickSound(); }
        else if (btn.classList.contains("delete-btn")) {
            pushUndo(); trades = trades.filter(t => t.id !== id); saveTrades(); fullRefresh(); playClickSound();
        }
    };

    // start
    loadTrades();
    updateRR();
    fullRefresh();
})();
</script>
</body>
</html>